<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品榜单</title>
    <link rel="stylesheet" href="./dmo/css/bangdan.css">
    <link rel="stylesheet" href="./dmo/dist/css/bootstrap.css">
    <script src="./dmo/js/jquery-3.7.0.js"></script>
    <script src="./dmo/dist/js/bootstrap.js"></script>
    <script src="./dmo/js/bangdan.js"></script>
<body>
    <style>
        img{
            width: 100px;
            height: 100px;
            float: left;
        }
        .caption{
            margin-left: 150px;
        }
    </style>
    <ul class="nav nav-tabs" style="width: 1200px;margin: 0 auto;">
        <li id="history_nav" role="presentation" class="active"><a href="#">历史热门商品排行榜</a></li>
        <li id="avg_nav" role="presentation"><a href="#">商品平均评分排行榜</a></li>
        <li id="recent_nav" role="presentation"><a href="#">最近热门商品排行榜</a></li>
        <li><input id="earn_DayTime" type="text" class="form-control" placeholder="请先输入日期"></li>
        <li><button class="btn-find btn btn-default">查找</button></li>
    </ul>
    <div class="container">
        <a href="./enterbangdan.html">
            <span class="glyphicon glyphicon-arrow-left" aria-hidden="true" style="font-size: 30px;margin: 20px;"></span>
        </a>

        <h1 id="row-h">历史热门商品排行榜</h1>
        <div class="row row-h">
        </div>
        <h1 id="row-a">商品平均评分排行榜</h1>
        <div class="row row-a">
        </div>
        <h1 id="row-r">最近热门商品排行榜</h1>
        <div class="row row-r">
        </div>

    </div>
    
</body>
</html>

<!-- <div class="col-sm-12"><div class="thumbnail"><img src="..." alt="..."><div class="caption"><h3 id="goodsname"></h3><p>...</p><p><a href="#" class="btn btn-primary" role="button">Button</a></p></div></div></div> -->